<template>
    <QfPage title="权限管理">
        <el-table :data="tableData">
            <el-table-column prop="id" label="id" />
            <el-table-column prop="uname" label="用户名" />
            <el-table-column>
                <template #default="{ row }">
                    <el-button @click="openRoleDialog(row.id)">权限</el-button>
                </template>
            </el-table-column>
        </el-table>
        <el-drawer v-model="ShowRole"
            title="权限管理"
            size="40%"
        >
        <el-tree :data="roledata">
            <template #default="{ node, }">
        <div class="tree">
          <span>{{ node.label }}</span>
          <span class="treec">
            <el-link type="primary" v-modele="shotj = true">添加</el-link>
            <el-popover v-modle="shotj" placement="right" :width="400" trigger="click">
            <template #reference>
                <el-button style="margin-right: 16px">Click to activate</el-button>
            </template>
            <el-table :data="gridData">
                <el-table-column width="150" property="date" label="date" />
                <el-table-column width="100" property="name" label="name" />
                <el-table-column width="300" property="address" label="address" />
            </el-table>
            </el-popover>
            <el-link type="primary">删除</el-link>
          </span>
        </div>
      </template>
        </el-tree>
        </el-drawer>
    </QfPage>
</template>
<script>
import cp from './index';

export default cp;
</script>
<style lang="scss" scoped>
@import url('./index.scss');
</style>
